<template>
  <basic-card
    :title="$t('menu.push_broadcast')"
    :iconClass="'iconfont icon-broadcast'"
  >
    <monitor-form @submit="submited" />
  </basic-card>
</template>
<script lang="ts">
import Vue from 'vue';
import BasicCard from "@/components/Basic/Card/BasicCard.vue";
import MonitorForm from "./components/monitorForm.vue";

export default Vue.extend({
  components: { MonitorForm, BasicCard },
  data() {
    return {
    }
  },
  methods: {
    submited() {
      this.$router.push("/monitor/list");
    }
  }
})
</script>
<style lang="scss" scoped>
.image-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.image-uploader .el-upload:hover {
  border-color: #409eff;
}
.image-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 178px;
  height: 178px;
  line-height: 178px;
  text-align: center;
}
.image-uploader-image {
  width: 178px;
  height: 178px;
  display: block;
}
</style>
